<template>
  <div class="custom-background">
    <h1>纪律页面</h1>
    <p>这里是纪律页面的内容。</p>
  </div>
</template>

<script setup lang="ts">
// 这里可以编写你的脚本代码
</script>

<style scoped>
.custom-background {
  background-image: url('@/assets/png/首页背景图.png'); /* 设置背景图片 */
  background-size: cover; /* 使背景图片覆盖整个元素 */
  background-position: center; /* 使背景图片居中 */
  background-repeat: no-repeat; /* 防止背景图片重复 */
  height: 100vh; /* 确保背景覆盖整个视口高度 */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: white; /* 设置文本颜色为白色，以便在背景图片上可见 */
}
</style>
